Add or enhance meta titles and descriptions for article pages of the docs' for latest Vaadin version. The improved titles and descriptions aim to improve the ranking of the documentation pages in search engines and thus help users find what they are searching for faster.

In a .adoc file the property

• page-title represents the content for the <title> tag in the page's head, it is also shown as the page's tab title in the browser
• meta-description represents the content for the description tags in the page's head, such as <meta name="description"> and <meta property="og:description">

Recommendations for titles:

• Length between 50-60 characters
• Start with How to whenever it’s fitting, as these are documentation pages which many include tutorials and code examples
• Add Vaadin somewhere
• Use | as a separator
• Possible examples:
  How to choose proper hostnames for Control Center | Vaadin
  How to implement background jobs in your Vaadin applications
  Local development mode for Vaadin apps using control center

Recommendations for descriptions:

• Max length 150-160 characters
• Add Vaadin somewhere
• Example:
  title: Domain Primitives
  meta-title: How to use domain primitives in your Vaadin applications
  description: Learn what domain primitives are and how to use them in your applications.
  meta-description: Domain primitives are Java classes that have specific qualities. See our documentation and code examples to learn how to use them in your Vaadin applications.